<div class="theme-panel hidden-xs hidden-sm">
    <div class="toggler">
    </div>
    <div class="toggler-close">
    </div>
    <div class="theme-options">
        <div class="theme-option theme-colors clearfix">
            <span>
                 <?=__('THEME COLOR')?>
            </span>
            <ul>
                <li class="color-black current color-default" data-style="default"></li>
                <li class="color-blue" data-style="blue"></li>
                <li class="color-brown" data-style="brown"></li>
                <li class="color-purple" data-style="purple"></li>
                <li class="color-grey" data-style="grey"></li>
                <li class="color-white color-light" data-style="light"></li>
            </ul>
        </div>
        <div class="theme-option">
            <span><?=__('Layout')?></span>
            <select class="layout-option form-control input-small">
                <option value="fluid" selected="selected"><?=__('Fluid')?></option>
                <option value="boxed"><?=__('Boxed')?></option>
            </select>
        </div>
        <div class="theme-option">
            <span><?=__('Header')?></span>
            <select class="header-option form-control input-small">
                <option value="fixed" selected="selected"><?=__('Fixed')?></option>
                <option value="default"><?=__('Scroll')?></option>
            </select>
        </div>
        <div class="theme-option">
            <span><?=__('Sidebar')?></span>
            <select class="sidebar-option form-control input-small">
                <option value="fixed"><?=__('Fixed')?></option>
                <option value="default" selected="selected"><?=__('Scroll')?></option>
            </select>
        </div>
        <div class="theme-option">
            <span><?=__('Sidebar Position')?></span>
            <select class="sidebar-pos-option form-control input-small">
                <option value="left" selected="selected"><?=__('Left')?></option>
                <option value="right"><?=__('Right')?></option>
            </select>
        </div>
        <div class="theme-option">
            <span><?=__('Footer')?></span>
            <select class="footer-option form-control input-small">
                <option value="fixed"><?=__('Fixed')?></option>
                <option value="default" selected="selected"><?=__('Scroll')?></option>
            </select>
        </div>
    </div>
</div>
